<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Home</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./products.html" class="a1">
                            <p>PRODUCTS</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8"
                                fill="none">
                                <path d="M12.0005 1L6.50023 6.50023L1 1" stroke="black" stroke-width="1.4" />
                            </svg>
                        </a>
                        <div class="bmenu animated fadeIn">
                            <div class="lt">
                                <p class="animated fadeInUp">products</p>
                            </div>
                            <div class="rc">
                                <div class="list">
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Screw Intermeshing Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>MixingTek</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Impeller Intermeshing kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Chemical reactive reactor</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Oscillating kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Heat equipemnt</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Batch Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./products.html" class="animated fadeInUp">
                                        <p>Filter</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./divisions.html" class="a1">
                            <p>DIVISIONS</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8"
                                fill="none">
                                <path d="M12.0005 1L6.50023 6.50023L1 1" stroke="black" stroke-width="1.4" />
                            </svg>
                        </a>
                        <div class="bmenu animated fadeIn">
                            <div class="lt">
                                <p class="animated fadeInUp">divisions</p>
                            </div>
                            <div class="rc">
                                <div class="list">
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Screw Intermeshing Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>MixingTek</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Impeller Intermeshing kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Chemical reactive reactor</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Oscillating kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Heat equipemnt</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Batch Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./divisions.html" class="animated fadeInUp">
                                        <p>Filter</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./industry.html" class="a1">
                            <p>INDUSTRIES</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8"
                                fill="none">
                                <path d="M12.0005 1L6.50023 6.50023L1 1" stroke="black" stroke-width="1.4" />
                            </svg>
                        </a>
                        <div class="bmenu animated fadeIn">
                            <div class="lt">
                                <p class="animated fadeInUp">industry</p>
                            </div>
                            <div class="rc">
                                <div class="first_menu">
                                    <div class="i">
                                        <a href="./cases.html?type=0" class="at">
                                            <p>Bio-based, recycling and carbon capture</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="./cases.html?type=1" class="at">
                                            <p>Construction (building and civil engineering)</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="./cases.html?type=2" class="at">
                                            <p>Fertilizers</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Food and beverages</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                    <div class="i">
                                        <a href="" class="at">
                                            <p>Mining and metals</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="27"
                                                viewBox="0 0 14 27" fill="none">
                                                <path d="M2.47852 2L12.4785 13.5341L2.47852 25.0682" stroke="black"
                                                    stroke-width="2.63636" stroke-linecap="square"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                        <div class="second_menu animated fadeIn">
                                            <a href="./caseInfo.html">Bio-based applications</a>
                                            <a href="./caseInfo.html">Biopolymers</a>
                                            <a href="./caseInfo.html">Polhymer recycling</a>
                                            <a href="./caseInfo.html">Carbon capture, utilization and storage</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./services.html" class="a1">
                            <p>SERVICE</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8"
                                fill="none">
                                <path d="M12.0005 1L6.50023 6.50023L1 1" stroke="black" stroke-width="1.4" />
                            </svg>
                        </a>
                        <div class="bmenu animated fadeIn">
                            <div class="lt">
                                <p class="animated fadeInUp">services</p>
                            </div>
                            <div class="rc">
                                <div class="list">
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Screw Intermeshing Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>MixingTek</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Impeller Intermeshing kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Chemical reactive reactor</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Oscillating kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Heat equipemnt</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Batch Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./services.html" class="animated fadeInUp">
                                        <p>Filter</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./about.html" class="a1">
                            <p>ABOUT SUNKAIER</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8"
                                fill="none">
                                <path d="M12.0005 1L6.50023 6.50023L1 1" stroke="black" stroke-width="1.4" />
                            </svg>
                        </a>
                        <div class="bmenu animated fadeIn">
                            <div class="lt">
                                <p class="animated fadeInUp">about Sunkaier</p>
                            </div>
                            <div class="rc">
                                <div class="list">
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Screw Intermeshing Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>MixingTek</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Impeller Intermeshing kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Chemical reactive reactor</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Oscillating kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Heat equipemnt</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Batch Kneader</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                    <a href="./about.html" class="animated fadeInUp">
                                        <p>Filter</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#E60012" />
                                            <path d="M15 6L21 12L15 18" stroke="#E60012" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="item">
                        <a href="./blog.html" class="a1">
                            <p>blog</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="work.html" class="a1">
                            <p>CAREERS</p>
                        </a>
                    </div> -->
                    <div class="btn">
                        <a href="contact.html">CONTACT</a>
                    </div>
                </div>
            </div>
            <div class="top_right">
                <a href="./blog.html" class="new">blog</a>
                <a href="./news.html" class="new">news</a>
                <a href="./work.html" class="new">careers</a>
                <div class="search" id="doSearch">
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
                        <g>
                            <circle cx="8.5" cy="8.69531" r="7.6" stroke="black" stroke-width="1.8" />
                            <line x1="14.4372" y1="14.4339" x2="18.1719" y2="18.1687" stroke="black"
                                stroke-width="1.8" />
                        </g>
                    </svg>
                </div>
                <div class="lan">
                    <a href="">
                        <img src="./images/ball.svg" alt="">
                        <p>CN</p>
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">PRODUCTS</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./products.html">Fertility assessment</a>
                    <a href="./products.html">About the clinic</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./divisions.html">DIVISIONS</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./divisions.html">Assisted reproduction</a>
                    <a href="./divisions.html">Fertility preservation</a>
                    <a href="./divisions.html">3rd party fertility options</a>
                    <a href="./divisions.html">Gamete transfer in and out</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./industry.html">INDUSTRIES</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cases.html?type=0">Bio-based, recycling and carbon capture</a>
                    <a href="./cases.html?type=1">Construction (building and civil engineering)</a>
                    <a href="./cases.html?type=2">Fertilizers</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">ABOUT SUNKAIER</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <div class="list">
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Kneader</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Screw Intermeshing Kneader</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>MixingTek</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Impeller Intermeshing kneader</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Chemical reactive reactor</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Oscillating kneader</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Heat equipemnt</p>

                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Batch Kneader</p>
                        </a>
                        <a href="./about.html" class="animated fadeInUp">
                            <p>Filter</p>
                        </a>
                        <a href="./work.html" class="animated fadeInUp">
                            <p>works</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">News</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./blog.html">Blog</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./work.html">CAREERS</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">Contact Us</a>
                </div>
            </div>
        </div>

        <div class="search_dom">
            <div class="box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                        <circle cx="13.5" cy="13.5" r="12.5" stroke="#151515" stroke-width="2" />
                        <line x1="22.7071" y1="23.2929" x2="28.7071" y2="29.2929" stroke="#151515" stroke-width="2" />
                    </svg>
                </div>
                <div class="sr">
                    <input type="text" placeholder="Search by category or interest" id="search">
                    <a href="./search.html">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
                            <path d="M4.57129 15.497L11.4284 8.63986L4.57129 1.78271" stroke="#595959"
                                stroke-width="2.28571" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M24 8L8 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 8L24 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
            </div>
        </div>

        <div class="r_menu">
            <div class="items">
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                            <path
                                d="M12.7468 5.76367C13.2918 5.76367 13.7938 6.05919 14.0584 6.53562L15.8932 9.84072C16.1334 10.2735 16.1447 10.7969 15.9233 11.2396L14.1557 14.7749C14.1557 14.7749 14.668 17.4084 16.8118 19.5522C18.9556 21.696 21.5803 22.1995 21.5803 22.1995L25.115 20.4321C25.558 20.2106 26.0818 20.2221 26.5147 20.4627L29.8292 22.3055C30.3052 22.5702 30.6004 23.0719 30.6004 23.6165V27.4216C30.6004 29.3594 28.8004 30.759 26.9644 30.1394C23.1934 28.867 17.3399 26.4444 13.6298 22.7342C9.91964 19.0241 7.497 13.1706 6.22459 9.39965C5.60508 7.56357 7.00465 5.76367 8.94239 5.76367H12.7468Z"
                                stroke="#E60012" stroke-width="2.5" stroke-linejoin="round" />
                        </svg>
                    </div>
                    <div class="info">
                        <div class="text">
                            <p class="p1">Telephone</p>
                            <p class="p2">Address</p>
                            <div class="des">
                                This is the address.This is the address.This is the address.This is the address.
                            </div>
                            <p class="p2">Telephone</p>
                            <div class="des">
                                0547-16746116
                            </div>
                            <p class="p2">Email</p>
                            <div class="des">
                                255874521@163.com
                            </div>
                            <p class="p2">Fax</p>
                            <div class="des">
                                0547-16746116
                            </div>
                        </div>
                        <div class="jt">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
                                <path d="M2.28006 16.2248C1.56006 16.6405 0.660059 16.1209 0.660058 15.2895L0.660058 1.71026C0.660057 0.878879 1.56006 0.359263 2.28006 0.774955L14.0401 7.56459C14.7601 7.98029 14.7601 9.01952 14.0401 9.43521L2.28006 16.2248Z" fill="white"/>
                              </svg>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                            <path d="M33 13.5V29.8636C33 30.7674 32.3284 31.5 31.5 31.5H4.5C3.67157 31.5 3 30.7674 3 29.8636V13.5L18 23.25L33 13.5Z" stroke="#E60012" stroke-width="2.5" stroke-linejoin="round"/>
                            <path d="M3 13.3379L18 3L33 13.3379" stroke="#E60012" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
                          </svg>
                    </div>
                    <div class="info">
                        <div class="text">
                            <p class="p1">Telephone</p>
                            <p class="p2">Address</p>
                            <div class="des">
                                This is the address.This is the address.This is the address.This is the address.
                            </div>
                            <p class="p2">Telephone</p>
                            <div class="des">
                                0547-16746116
                            </div>
                            <p class="p2">Email</p>
                            <div class="des">
                                255874521@163.com
                            </div>
                            <p class="p2">Fax</p>
                            <div class="des">
                                0547-16746116
                            </div>
                        </div>
                        <div class="jt">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
                                <path d="M2.28006 16.2248C1.56006 16.6405 0.660059 16.1209 0.660058 15.2895L0.660058 1.71026C0.660057 0.878879 1.56006 0.359263 2.28006 0.774955L14.0401 7.56459C14.7601 7.98029 14.7601 9.01952 14.0401 9.43521L2.28006 16.2248Z" fill="white"/>
                              </svg>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                            <path d="M13.5 4.5H4.5V13.5H13.5V4.5Z" stroke="#E60012" stroke-width="2.5" stroke-linejoin="round"/>
                            <path d="M13.5 22.5H4.5V31.5H13.5V22.5Z" stroke="#E60012" stroke-width="2.5" stroke-linejoin="round"/>
                            <path d="M31.5 22.5H22.5V31.5H31.5V22.5Z" stroke="#E60012" stroke-width="2.5" stroke-linejoin="round"/>
                            <path d="M31.5 4.5H22.5V13.5H31.5V4.5Z" stroke="#E60012" stroke-width="2.5" stroke-linejoin="round"/>
                            <path d="M18 4.5V18" stroke="#E60012" stroke-width="2.5" stroke-linecap="round"/>
                            <path d="M18 22.5V31.5" stroke="#E60012" stroke-width="2.5" stroke-linecap="round"/>
                            <path d="M18 18H4.5" stroke="#E60012" stroke-width="2.5" stroke-linecap="round"/>
                            <path d="M31.5 18H22.5" stroke="#E60012" stroke-width="2.5" stroke-linecap="round"/>
                          </svg>
                    </div>
                    <div class="info">
                        <div class="code">
                            <img src="./images/contact.png" alt="">
                       </div>
                        <div class="jt">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
                                <path d="M2.28006 16.2248C1.56006 16.6405 0.660059 16.1209 0.660058 15.2895L0.660058 1.71026C0.660057 0.878879 1.56006 0.359263 2.28006 0.774955L14.0401 7.56459C14.7601 7.98029 14.7601 9.01952 14.0401 9.43521L2.28006 16.2248Z" fill="white"/>
                              </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section1">
            <div class="bannerSwiper swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <video class="img" src="./images/banner.mp4" loop muted autoplay></video>
                        <div class="content">
                            <h1>To be known as an excellent supplier of chemical equipment.</h1>
                            <div class="pick">
                                Tell Your Brand's Story Through Images<br>
                                Story Through Images
                            </div>
                            <a href="" class="more">Learn more</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner.png" alt="" class="img">
                        <div class="content">
                            <h1>To be known as an excellent supplier of chemical equipment.</h1>
                            <div class="pick">
                                Tell Your Brand's Story Through Images<br>
                                Story Through Images
                            </div>
                            <a href="" class="more">Learn more</a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <div class="section2">
            <div class="wrap">
                <div class="title">major business units</div>
                <div class="content">
                    <div class="majorSwiper swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="dInfo.html" data-swiper-parallax-scale="0.9">
                                    <div class="img" data-swiper-parallax-opacity="0.5">
                                        <img src="./images/de_1.png" alt="">
                                    </div>
                                    <div class="text">
                                        <div class="l">
                                            <h1>Reactor Division</h1>
                                            <p>Featured Products</p>
                                        </div>
                                        <div class="more">Learn more</div>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="dInfo.html" data-swiper-parallax-scale="0.9">
                                    <div class="img" data-swiper-parallax-opacity="0.5">
                                        <img src="./images/de_1.png" alt="">
                                    </div>
                                    <div class="text">
                                        <div class="l">
                                            <h1>Reactor Division</h1>
                                            <p>Featured Products</p>
                                        </div>
                                        <div class="more">Learn more</div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <div></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="cut">
                <div class="cutSwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/1.svg" alt="">
                                </div>
                                <p>Construction</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/2.svg" alt="">
                                </div>
                                <p>Fertilizers</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/3.svg" alt="">
                                </div>
                                <p>Polymer</p>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/4.svg" alt="">
                                </div>
                                <p>Chemical</p>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/5.svg" alt="">
                                </div>
                                <p>Dairy</p>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/6.svg" alt="">
                                </div>
                                <p>Dalry farming</p>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/5.svg" alt="">
                                </div>
                                <p>Dairy</p>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <div class="list">
                                <div class="icon">
                                    <img src="./images/6.svg" alt="">
                                </div>
                                <p>Dalry farming</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="matter on">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
                <div class="matter">
                    <img src="./images/en1.png" class="img" alt="">
                    <div class="position">
                        <div class="red">application</div>
                        <h1>petrochemical industry</h1>
                        <div class="pick">
                            Tell Your Brand's Story Through Images Story Through Images
                        </div>
                        <a href="industryInfo.html" class="more">Learn more</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="wrap">
                <div class="proSwiper swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="img">
                                <img src="./images/cp1.png" alt="">
                            </div>
                            <div class="r">
                                <div class="text">
                                    <div class="label">
                                        <p>Brand</p>
                                        <p>1001</p>
                                    </div>
                                    <h1>
                                        Evaporator and<br>crystallizer
                                    </h1>
                                    <div class="label2">
                                        <div class="list">Tag</div>
                                        <div class="list">Tag</div>
                                    </div>
                                </div>
                                <div class="text2">
                                    <div class="l">
                                        <p>Absolute pressure can reach </p>
                                        <h1>10-10Pa</h1>
                                    </div>
                                    <a href="proInfo.html" class="circle">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"
                                            viewBox="0 0 30 30" fill="none">
                                            <path d="M11.9785 7.75L19.2285 15L11.9785 22.25" stroke="white"
                                                stroke-width="2.63636" stroke-linecap="square"
                                                stroke-linejoin="round" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="img">
                                <img src="./images/cp1.png" alt="">
                            </div>
                            <div class="r">
                                <div class="text">
                                    <div class="label">
                                        <p>Brand</p>
                                        <p>1001</p>
                                    </div>
                                    <h1>
                                        Evaporator and<br>crystallizer
                                    </h1>
                                    <div class="label2">
                                        <div class="list">Tag</div>
                                        <div class="list">Tag</div>
                                    </div>
                                </div>
                                <div class="text2">
                                    <div class="l">
                                        <p>Absolute pressure can reach </p>
                                        <h1>10-10Pa</h1>
                                    </div>
                                    <a href="proInfo.html" class="circle">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"
                                            viewBox="0 0 30 30" fill="none">
                                            <path d="M11.9785 7.75L19.2285 15L11.9785 22.25" stroke="white"
                                                stroke-width="2.63636" stroke-linecap="square"
                                                stroke-linejoin="round" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <div class="section5">
            <img src="./images/bg.png" class="bg" alt="">
            <div class="wrap">
                <div class="title">
                    To be known as an excellent <br> supplier of chemical equipment.
                </div>
                <div class="display">
                    <img src="./images/lo.png" alt="" class="img">
                    <div class="r">
                        <div class="text">
                            Tell Your Brand's Story Through Images <br>Story Through Images
                        </div>
                        <a href="about.html" class="more">Learn more</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section6" style="display: none;">
            <div class="goSwiper swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/lg1.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/lg2.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/lg3.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/lg4.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/lg5.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/lg6.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="section6_">
            <div class="scroll-container wow fadeInUp">
                <div class="animate_box">
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/lg1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg2.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg3.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg4.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg5.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg6.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg2.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg3.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg4.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg5.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg6.png" alt="">
                        </div>
                    </div>
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/lg1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg2.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg3.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg4.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg5.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg6.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg2.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg3.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg4.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg5.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/lg6.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="section7">
            <div class="wrap">
                <div class="title">The title of the news center</div>
                <div class="content">
                    <div class="centerSwiper swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="newsInfo.html" class="item">
                                    <img src="./images/em1.png" class="bg" alt="">
                                    <div class="top">
                                        <div class="l">
                                            <h1>
                                                Tell Your Brand's Story Through Images.
                                            </h1>
                                            <div class="text">
                                                Here is your company's news or updates, or product inquiries Here
                                            </div>
                                        </div>
                                        <div class="label">company</div>
                                    </div>
                                    <div class="bottom">
                                        <div class="pick">
                                            <p>December 14, 2023</p>
                                            <div class="go">
                                                GO.
                                            </div>
                                        </div>
                                        <div class="add">
                                            <svg class="svg1" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M12.03 5L12.0117 19" stroke="#333333" stroke-width="2"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                                <path d="M5 12H19" stroke="#333333" stroke-width="2"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                            </svg>
                                            <svg class="svg2" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M9.5 6L15.5 12L9.5 18" stroke="#E60012" stroke-width="2.18182"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="newsInfo.html" class="item">
                                    <img src="./images/em1.png" class="bg" alt="">
                                    <div class="top">
                                        <div class="l">
                                            <h1>
                                                Tell Your Brand's Story Through Images.
                                            </h1>
                                            <div class="text">
                                                Here is your company's news or updates, or product inquiries Here
                                            </div>
                                        </div>
                                        <div class="label">company</div>
                                    </div>
                                    <div class="bottom">
                                        <div class="pick">
                                            <p>December 14, 2023</p>
                                            <div class="go">
                                                GO.
                                            </div>
                                        </div>
                                        <div class="add">
                                            <svg class="svg1" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M12.03 5L12.0117 19" stroke="#333333" stroke-width="2"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                                <path d="M5 12H19" stroke="#333333" stroke-width="2"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                            </svg>
                                            <svg class="svg2" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M9.5 6L15.5 12L9.5 18" stroke="#E60012" stroke-width="2.18182"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="newsInfo.html" class="item">
                                    <img src="./images/em1.png" class="bg" alt="">
                                    <div class="top">
                                        <div class="l">
                                            <h1>
                                                Tell Your Brand's Story Through Images.
                                            </h1>
                                            <div class="text">
                                                Here is your company's news or updates, or product inquiries Here
                                            </div>
                                        </div>
                                        <div class="label">company</div>
                                    </div>
                                    <div class="bottom">
                                        <div class="pick">
                                            <p>December 14, 2023</p>
                                            <div class="go">
                                                GO.
                                            </div>
                                        </div>
                                        <div class="add">
                                            <svg class="svg1" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M12.03 5L12.0117 19" stroke="#333333" stroke-width="2"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                                <path d="M5 12H19" stroke="#333333" stroke-width="2"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                            </svg>
                                            <svg class="svg2" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M9.5 6L15.5 12L9.5 18" stroke="#E60012" stroke-width="2.18182"
                                                    stroke-linecap="square" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <a href="" class="big_more">Learn more</a>
                </div>
            </div>
        </div>

        <div class="section8">
            <div class="item on">
                <h1>SERVICE</h1>
                <div class="text">
                    Tell Your Brand's Story Through Images
                    Story Through Images
                </div>
                <a href="services.html" class="more">Learn more</a>
            </div>
            <div class="item">
                <h1>CONTACT</h1>
                <div class="text">
                    Tell Your Brand's Story Through Images
                    Story Through Images
                </div>
                <a href="contact.html" class="more">Learn more</a>
            </div>
        </div>
        <div class="foot">
            <div class="top" id="goTop">
                <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
                    <path
                        d="M54.2402 19.7578C52.916 16.623 51.0176 13.8105 48.6035 11.3965C46.1895 8.98242 43.377 7.08398 40.2422 5.75977C36.9961 4.38867 33.5508 3.69141 30 3.69141C26.4492 3.69141 23.0039 4.38867 19.7578 5.75977C16.623 7.08398 13.8105 8.98242 11.3965 11.3965C8.98242 13.8105 7.08398 16.623 5.75977 19.7578C4.38867 23.0039 3.69141 26.4492 3.69141 30C3.69141 33.5508 4.38867 36.9961 5.75977 40.2422C7.08398 43.377 8.98242 46.1895 11.3965 48.6035C13.8105 51.0176 16.623 52.916 19.7578 54.2402C23.0039 55.6113 26.4492 56.3086 30 56.3086C33.5508 56.3086 36.9961 55.6113 40.2422 54.2402C43.377 52.916 46.1895 51.0176 48.6035 48.6035C51.0176 46.1895 52.916 43.377 54.2402 40.2422C55.6113 36.9961 56.3086 33.5508 56.3086 30C56.3086 26.4492 55.6113 23.0039 54.2402 19.7578ZM39.3984 30.1699C39.1113 30.457 38.7363 30.5977 38.3613 30.5977C37.9863 30.5977 37.6113 30.457 37.3242 30.1699L31.2891 24.1348V43.5586C31.2891 44.3672 30.6328 45.0234 29.8242 45.0234C29.0156 45.0234 28.3594 44.3672 28.3594 43.5586V24.5156L22.6699 30.1758C22.0957 30.7441 21.1699 30.7441 20.5957 30.1699C20.0273 29.5957 20.0273 28.6699 20.6016 28.0957L28.998 19.7637C29.5723 19.1953 30.498 19.1953 31.0664 19.7695L39.3984 28.1016C39.9727 28.6699 39.9727 29.5957 39.3984 30.1699ZM39.3457 17.9062H20.6543C19.8457 17.9062 19.1895 17.25 19.1895 16.4414C19.1895 15.6328 19.8457 14.9766 20.6543 14.9766H39.3457C40.1543 14.9766 40.8105 15.6328 40.8105 16.4414C40.8105 17.25 40.1543 17.9062 39.3457 17.9062Z"
                        fill="#E60012" />
                </svg>
            </div>
            <div class="dom1">
                <div class="l">
                    <div class="item">
                        <div class="i">
                            <p class="pt">Product</p>
                            <div class="aList">
                                <a href="">Kneading Machine</a>
                                <a href="">Reactor</a>
                                <a href="">Mixer</a>
                            </div>
                        </div>
                        <div class="i">
                            <p class="pt">About Sunkaier</p>
                            <div class="aList">
                                <a href="">Company</a>
                                <a href="">Culture</a>
                                <a href="">Quality</a>
                                <a href="">Careers</a>
                            </div>
                        </div>
                        <div class="i">
                            <p class="pt">Member Of Sunkaier</p>
                            <div class="icons">
                                <a class="icon" href="./dInfo.html">
                                    <img src="./images/fm1.png" alt="">
                                </a>
                                <a class="icon" href="./dInfo.html">
                                    <img src="./images/fm2.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p class="pt">Major Business Units</p>
                            <div class="aList">
                                <a href="">Reactor Division</a>
                                <a href="">ECD Division</a>
                                <a href="">Agitator Division</a>
                            </div>
                        </div>
                        <div class="i">
                            <p class="pt">Service</p>
                            <div class="aList">
                                <a href="">售前</a>
                                <a href="">售中</a>
                                <a href="">维护</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p class="pt">Application</p>
                            <div class="aList">
                                <a href="">Petrochemical Industryn</a>
                            </div>
                        </div>
                        <div class="i">
                            <p class="pt">Blog</p>
                            <div class="aList">
                                <a href="">Event</a>
                                <a href="">Industry</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p class="pt">Support</p>
                            <div class="aList">
                                <a href="">News</a>
                                <a href="contact.html">CONTACT</a>
                            </div>
                        </div>
                        <div class="i">
                            <p class="pt">Contact</p>
                            <div class="aList">
                                <a href="">Map</a>
                                <a href="">Messege</a>
                                <a href="">Factories</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="logo">
                        <img src="./images/logo.svg" alt="">
                    </div>
                    <div class="email">
                        Email：support@SUNKAIER.com
                    </div>
                    <div class="sr">
                        <input type="text" placeholder="Email">
                    </div>
                    <div class="agree">
                        <div class="k"></div>
                        <p>I have carefully read and accepted the attached Privacy Policy</p>
                    </div>
                    <div class="btn">
                        subscribe
                    </div>
                    <div class="follow">
                        <p>Follow us</p>
                        <div class="icons">
                            <a href="">
                                <img src="./images/ficon1.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/ficon2.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/ficon3.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/ficon4.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cookies">
                <div class="l">
                    <div class="p1">Hi! Cookies</div>
                    <div class="des">
                        By clicking "Accept, you agree to the storing of cookies on your device to enhance site
                        navigation, analyze site usage, and assist in our marketing efforts.
                    </div>
                </div>
                <div class="r">
                    <div class="accept">Accept</div>
                    <div class="only">Reject All</div>
                </div>
            </div>
        </div>

    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>

        new Swiper('.cutSwiper', {
            spaceBetween: 80,
            slidesPerView: 6,
            on: {
                init() {
                    $('.cutSwiper .swiper-slide:first-child').addClass('on')
                }
            },
            breakpoints: {
                100: {
                    spaceBetween: 20,
                    slidesPerView: 2,
                },
                1024: {
                    spaceBetween: 80,
                    slidesPerView: 6,
                }, // 大于等于 1024
            }
        })

        new WOW().init();
        new Swiper('.bannerSwiper', {
            speed: 1000,
            spaceBetween: 20,
            loop: true,
            pagination: {
                el: '.bannerSwiper .swiper-pagination',
                clickable: true,
            },

            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
        })
        new Swiper('.majorSwiper', {
            speed: 1000,
            slidesPerView: 2,
            spaceBetween: 20,
            loop: true,
            parallax: true,
            on: {
                init() {
                    var index = this.realIndex + 1
                    var w = $('.section2 .content .line').width()
                    var l = $('.majorSwiper .swiper-slide:not(.swiper-slide-duplicate)').length
                    var value = index * (w / l)
                    $('.section2 .content .line div').css('width', value + 'px')
                },
                slideChange() {
                    var index = this.realIndex + 1
                    var w = $('.section2 .content .line').width()
                    var l = $('.majorSwiper .swiper-slide:not(.swiper-slide-duplicate)').length
                    var value = index * (w / l)
                    $('.section2 .content .line div').css('width', value + 'px')
                }
            },
            breakpoints: {
                100: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                1024: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
            },
            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
        })

        $('.home .section3 .cut .list').click(function () {
            var index = $(this).parent().index()
            $('.home .section3 .cut .swiper-slide').removeClass('on')
            $(this).parent().addClass('on')
            $('.home .section3 .content .matter').removeClass('on').eq(index).addClass('on')
        })


        new Swiper('.proSwiper', {
            speed: 1000,
            spaceBetween: 100,
            slidesPerView: 2,
            loop: true,
            pagination: {
                el: '.section4 .swiper-pagination',
                clickable: true,
            },
            breakpoints: {
                100: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                1024: {
                    spaceBetween: 100,
                    slidesPerView: 2,
                },
            },
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
        })

        new Swiper('.goSwiper', {
            loop: true,
            slidesPerView: 'auto',
            spaceBetween: 74,
            speed: 6000,
            allowTouchMove: false,
            autoplay: {
                delay: 0,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            breakpoints: {
                100: {
                    slidesPerView: 'auto',
                    spaceBetween: 40,
                },
                1024: {
                    slidesPerView: 'auto',
                    spaceBetween: 74,
                },
            },
        });

        new Swiper('.centerSwiper', {
            slidesPerView: 3,
            spaceBetween: 48,
            speed: 1000,
            loop: true,
            breakpoints: {
                100: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 48,
                },
            },
            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
        });

        $('.section8 .item').hover(function () {
            $(this).addClass('on').siblings().removeClass('on')
        })


    </script>
</body>

</html>